<!DOCTYPE html>
<html lang="en">
<head>
<title>About</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="author" content="Your name">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/select2.css" rel="stylesheet">
<link href="css/smoothness/jquery-ui-1.10.0.custom.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/superfish.js"></script>

<script src="js/select2.js"></script>

<script src="js/jquery.parallax-1.1.3.resize.js"></script>

<script src="js/SmoothScroll.js"></script>

<script src="js/jquery.appear.js"></script>

<script src="js/jquery.caroufredsel.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>

<script src="js/jquery.ui.totop.js"></script>

<script src="js/script.js"></script>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="not-front page-about">

<div id="main">

<div class="top1_wrapper">
        <div class="container">
            <div class="top1 clearfix">
                <div class="email1"><a href="#">yangy945@qq.com</a></div>
                <div class="phone1">+159 7919 4321</div>
                <div class="social_wrapper">
                    <ul class="social clearfix">
                        <li><a href="#" data-toggle="modal" data-target="#loginModalbox">登录</a>
                            <!-- Modal -->
                            <div class="modal fade kd-loginbox" id="loginModalbox" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">&times;</span></a>
                                            <div class="kd-login-title">
                                                <div class="kd-login-sepratore"><span>登录</span></div>
                                            </div>
                                            <form>
                                                <p><i class="fa fa-envelope-o"></i> <input type="text" placeholder="邮箱">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="密码">
                                                </p>
                                                <p><input type="submit" value="马上登录" class="thbg-color"></p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#" data-toggle="modal" data-target="#registerModalbox">注册</a>
                            <div class="modal fade kd-loginbox" id="registerModalbox" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">&times;</span></a>
                                            <div class="kd-login-title">
                                                <div class="kd-login-sepratore"><span>注册</span></div>
                                            </div>
                                            <form>
                                                <p><i class="fa fa-envelope-o"></i> <input type="text" placeholder="邮箱">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="密码">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="确认密码">
                                                </p>
                                                <p><input type="submit" value="立即注册" class="thbg-color"></p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="lang1">
                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">简体中文<span
                                class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a class="ge" href="#">German</a></li>
                            <li><a class="en" href="#">English</a></li>
                            <li><a class="ru" href="#">Russian</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="top2_wrapper">
        <div class="container">
            <div class="top2 clearfix">
                <header>
                    <div class="logo_wrapper">
                        <a href="index.html" class="logo">
                            <img src="images/logo.png" alt="" class="img-responsive">
                        </a>
                    </div>
                </header>
                <div class="navbar navbar_ navbar-default">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-collapse navbar-collapse_ collapse">
                        <ul class="nav navbar-nav sf-menu clearfix">
                            <li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="gallery.html">旅游图册</a></li>
                            <li><a href="hotels.html">酒店</a></li>
                            <li><a href="contacts.html">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="page_banner"></div>

<div class="breadcrumbs1_wrapper">
  <div class="container">
    <div class="breadcrumbs1"><a href="index.html">主页</a><span>/</span>关于我们</div>
  </div>
</div>

<div id="why1">
  <div class="container">

    <h2 class="animated">为什么我们是最好的</h2>

    <div class="title1 animated">用心，平等，免费的服务每一位旅游爱好者</div>

    <br><br>

    <div class="row">
      <div class="col-sm-3">
        <div class="thumb2 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure class="">
                <img src="images/why1.png" alt="" class="img1 img-responsive">
                <img src="images/why1_hover.png" alt="" class="img2 img-responsive">
              </figure>
              <div class="caption">
                <div class="txt1">神奇的旅程</div>
                <div class="txt3">查看更多</div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb2 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure class="">
                <img src="images/why2.png" alt="" class="img1 img-responsive">
                <img src="images/why2_hover.png" alt="" class="img2 img-responsive">
              </figure>
              <div class="caption">
                <div class="txt1">发现</div>
                <div class="txt3">查看更多</div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb2 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure class="">
                <img src="images/why3.png" alt="" class="img1 img-responsive">
                <img src="images/why3_hover.png" alt="" class="img2 img-responsive">
              </figure>
              <div class="caption">
                <div class="txt1">预定</div>
                <div class="txt3">查看更多</div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb2 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure class="">
                <img src="images/why4.png" alt="" class="img1 img-responsive">
                <img src="images/why4_hover.png" alt="" class="img2 img-responsive">
              </figure>
              <div class="caption">
                <div class="txt1">支持我们</div>
                <div class="txt3">查看更多</div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="what1">
  <div class="container">

    <h2 class="animated">我们可以提供什么 ?</h2>

    <div class="title1 animated">一系列主题的旅游推荐，舒适的酒店展示，分享喜悦的平台</div>

    <br>

    <div class="row">
      <div class="col-sm-6 animated">
        <ul class="ul2">
          <!-- <li><a href="#">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet;</a></li> -->
          <!-- <li><a href="#">Option congue nihil imperdiet doming id quod mazim placerat facer;</a></li> -->
          <!-- <li><a href="#">Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes;</a></li> -->
          <!-- <li><a href="#">Investigationes demonstraverunt lectores</a></li> -->
        </ul>
      </div>
      <div class="col-sm-6 animated">
        <blockquote class="blockquote0">
          <!-- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. -->
        </blockquote>
      </div>
    </div>

  </div>
</div>

<div id="company1">
  <div class="container">

    <h2 class="animated">关于我们的网站</h2>

    <div class="title1 animated">视野旅游网，一个可以快乐旅游，开拓视野的网站。</div>

    <br>

    <div class="row">
      <div class="col-sm-12 col-md-6 col-md-push-6">
        <div class="content">
          <div class="txt1 animated">视野旅游网</div>
          <div class="txt2 animated">集出行服务，酒店推荐，交通查询于一身的网站</div>




          <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="0">
            <div class="txt">Flights</div>
            <div class="bg">
              <div class="animated-distance" data-num="94" data-duration="1300" data-animation-delay="0"><span></span></div>
            </div>
          </div>

          <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="100">
            <div class="txt">Hotels</div>
            <div class="bg">
              <div class="animated-distance" data-num="87" data-duration="1300" data-animation-delay="100"><span></span></div>
            </div>
          </div>

          <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="200">
            <div class="txt">Cars</div>
            <div class="bg">
              <div class="animated-distance" data-num="45" data-duration="1300" data-animation-delay="200"><span></span></div>
            </div>
          </div>

          <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="300">
            <div class="txt">Cruises</div>
            <div class="bg">
              <div class="animated-distance" data-num="51" data-duration="1300" data-animation-delay="300"><span></span></div>
            </div>
          </div>

        </div>
      </div>
      <div class="col-sm-12 col-md-6 col-md-pull-6">
        <img src="images/company1.png" alt="" class="img1 img-responsive animated">
      </div>
    </div>
  </div>
</div>

<div id="team1">
  <div class="container">
  </div>
</div>

 <div class="bot1_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <div class="logo2_wrapper">
                        <a href="index.html" class="logo2">
                            <img src="images/logo2.png" alt="" class="img-responsive">
                        </a>
                    </div>
                    <p>
                        视野旅游网，以“一起去旅游”为行动指南，意在打造一个开心快乐的旅游平台
                    </p>
                    <p>
                        <a href="#" class="btn-default btn2">查看更多</a>
                    </p>
                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">旅游指导</div>
                    <ul class="ul1">
                        <li><a href="#">待加入</a></li>
                    </ul>

                    <div class="social2_wrapper">
                        <ul class="social2 clearfix">
                            <li class="nav1"><a href="#"></a></li>
                            <li class="nav2"><a href="#"></a></li>
                            <li class="nav3"><a href="#"></a></li>
                            <li class="nav4"><a href="#"></a></li>
                            <li class="nav5"><a href="#"></a></li>
                            <li class="nav6"><a href="#"></a></li>
                        </ul>
                    </div>

                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">我们的推荐</div>
                    <div class="twits1">
                        <div class="twit1">
                            <a href="#"> @travel</a> 普罗旺斯，美妙的旅途
                            <div class="date">5 minutes ago</div>
                        </div>
                        <div class="twit1">
                            <a href="#">@leo</a> 巴黎圣母院，遗憾至极
                            <div class="date">2 days ago</div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">时事指南</div>
                    <div class="newsletter_block">
                        <div class="txt1">内容不断更新中...</div>
                        <div class="newsletter-wrapper clearfix">
                            <form class="newsletter" action="javascript:;">
                                <input type="text" name="s" value='Email Address'
                                       onBlur="if(this.value=='') this.value='Email Address'"
                                       onFocus="if(this.value =='Email Address' ) this.value=''">
                                <a href="#" class="btn-default btn3">提交</a>
                            </form>
                        </div>
                    </div>
                    <div class="phone2">159 8766 7931</div>
                    <div class="support1"><a href="#">yangy@qq.com</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="bot2_wrapper">
        <div class="container">
            <div class="left_side">
                Copyright &copy; 2019.Yangyan·Liao.<a target="_blank" href="#"></a>
            </div>
            <div class="right_side"></div>
        </div>
    </div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
